<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
			<style type="text/css">
		#LoginMain{
			width: 300px;
			height: 400px;
			background-color: lightblue ;
			text-align: center;
			margin: 0 auto;
			border-radius:30px;
			box-shadow:10px 10px 20px lightblue;
		}
		#Head{
			width:100%;
			height:15%;
			background-color: whitesmoke;
			border-radius:30px 30px 0px 0px;
		}
		.bt{
			width: 80px;
			background-color: #00CED1;
			color: white;
			border: 1px;
			border-radius: 5px;
			background-color: #00CED1;
			padding: 5px;
		}
		</style>
	</head>
	<body>
		<div id="LoginMain" >
			
			<div >
				ChatRoom
			</div>
			
			<div style="width:90%;height:75%;background-color: gray;text-align: center;margin: 0 auto;">
				<iframe src="/chat/page/ChatMsgViewCtrl.php" width="99%" height="99%"></iframe>
			</div>
			
			<div style="position:relative;top:20px;" >
				<form action="/chat/action/ChatMsgSendCtrl.php"  method="get">
					${userBean.name}:<input type="text" name="content" />
					<input class="bt" type="submit" value="Send"/>
				</form>
				${path}
			</div>
		</div>
	</body>
</html>
